<!-- 这里是商品分页 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="../css/test.css" />
		<!-- 用来读取小图标   参考文章https://www.runoob.com/font-awesome/fontawesome-tutorial.html-->
		<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css">
		<title></title>
	</head>
	<body>
		<div class="nav_div">
			<div class="d-center">
				<div class="navL">
					欢迎来到youxuan！
					<a href="#">请登录</a>
					<a class="style-red" href="#">免费注册</a>
				</div>
				<div class="navR">
					<ul>
						<li>
							<a href="#">我的订单</a>
						</li>
						<li>
							<a href="#">我的youxuan</a>
						</li>
						<li>
							<a href="#">youxuan会员</a>
						</li>
						<li>
							<a href="#">企业采购</a>
						</li>
						<li>
							<a href="#">关注youxuan</span></a>
						</li>
						<li>
							<a href="#">客户服务</span></a>
						</li>
						<li>
							<a class="style-border-none" href="#">网站导航</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="head d-center">
			<div class="logo">
				<a href="../html/index_test.html"><img src="../photos/logo.png" /></a>
			</div>
			<div class="head-search">
				<input type="text" placeholder="请输入商品..." />
				<button>搜索</button>
				<ul>
					<li><a class="style-red" href="#">优惠购首发</a></li>
					<li><a href="#">亿元优惠</a></li>
					<li><a href="#">9.9团购</a></li>
					<li><a href="#">满99减30</a></li>
					<li><a href="#">办公用品</a></li>
					<li><a href="#">电脑</a></li>
					<li><a href="#">通信</a></li>
				</ul>
			</div>
			<div class="shopCar">
				<span><i class="fa fa-cart-plus"></i></span>
				<span><a href="#">我的购物车</a></span>
				<span class="count">0</span>
			</div>
		</div>

		<div class="d-center">
			<ul class="goods-title">
				<li>
					<h2><a href="#">优品秒杀</a></h2>
				</li>
				<li>
					<h2><a href="#">即将售罄</a></h2>
				</li>
				<li>
					<h2><a href="#">超值低价</a></h2>
				</li>
				<li><a href="#">女装</a></li>
				<li><a href="#">女鞋</a></li>
				<li><a href="#">男装</a></li>
				<li><a href="#">男鞋</a></li>
				<li><a href="#">母婴童装</a></li>
				<li><a href="#">食品</a></li>
				<li><a href="#">智能数码</a></li>
				<li><a href="#">运动户外</a></li>
				<li><a href="#">更多分类</a></li>
			</ul>
		</div>
		<hr class="red-line" />

		<div class="d-center" style="margin-top: 50px;">
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			<div class="pagination">
				<div class="commodity">
					<div class="commodity-image">
						<a href="../html/xijie_test.html"><img src="../photos/iphone15/1.png" style="width: 130px; height: 150px;"></a>
						
					</div>
					<div class="commodity-info">
						<p><strong><a href="../html/xijie_test.html">iphone15 Pro Max</a></strong></p>
						<p><a href="../html/xijie_test.html"><strong>Apple/苹果 Iphone15 新款 苹果手机 全新机15 原封</strong></a></p>
						<span id="commend-price"><strong>￥8999 </strong></span>  
						<span id="r">&nbsp;&nbsp;&nbsp;100+累计付款</span>
						<p style="text-align: left;">Apple直营店</p>
					</div>
				</div>	
			</div>
			
			

		
		</div>

		<div class="right-table">
			<div class="right-table-item">
				<a href="#" class="right-link"><i class="fa fa-volume-control-phone"style="font-size:24px"></i>&nbsp;联系客服</a>  
			</div>
			<div class="right-table-item">
				<a href="#" class="right-link"><i class="fa fa-cart-plus"style="font-size:24px"></i>&nbsp;购物车&nbsp;</a>  
			</div>
			<div class="right-table-item">
				<a href="#" class="right-link"><i class="fa fa-warning"style="font-size:24px"></i>&nbsp;举报</a>  
			</div>
			<div class="right-table-item">
				<a href="#" class="right-link"><i class="fa fa-pencil-square-o"style="font-size:24px"></i>&nbsp;反馈</a>  
			</div>
			<div class="back-to-top-btn">
				<a href="#" id="backToTop" class="right-link"><i class="fa fa-arrow-circle-o-up"style="font-size:24px"></i>&nbsp;返回顶部</a>  
			</div>
		</div>



		<div class="d-center control-div">
			<div class="control-bar">
				<button class="btn-pre"><a href="#">&lt;&lt;上一页</a></button>
				<button class="btn-dot"><a href="#">1</a></button>
				<button class="btn-page"><a href="#">2</a></button>
				<button class="btn-page"><a href="#">3</a></button>
				<button class="btn-page"><a href="#">4</a></button>
				<button class="btn-page"><a href="#">5</a></button>
				<button class="btn-dot">...</button>
				<button class="btn-next"><a href="#">下一页&gt;&gt;</a></button>
				<div class="words">共10页 到第</div>
				<input type="text" />
				<div class="words">页</div>
				<button class="btn-confirm">确定</button>
			</div>
		</div>

		<div class="bottom">
			<div class="d-center">
				<div class="bottom-top">
					<ul>
						<li>
							<div class="ensure-pic"></div>
							<h3>正品保障</h3>
							<span>正品保障，提供发票</span>
						</li>
						<li>
							<div class="ensure-pic"></div>
							<h3>正品保障</h3>
							<span>正品保障，提供发票</span>
						</li>
						<li>
							<div class="ensure-pic"></div>
							<h3>正品保障</h3>
							<span>正品保障，提供发票</span>
						</li>
						<li>
							<div class="ensure-pic"></div>
							<h3>正品保障</h3>
							<span>正品保障，提供发票</span>
						</li>
					</ul>
				</div>

				<div class="bottom-center">
					<div class="help-div">
						<p>购物指南</p>
						<ul>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">会员介绍</a></li>
							<li><a href="#">生活旅行/团购</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">大家电</a></li>
							<li><a href="#">联系客服</a></li>
						</ul>
					</div>
					<div class="help-div">
						<p>精选保障</p>
						<ul>
							<li><a href="#">发票保障</a></li>
							<li><a href="#">售后规则</a></li>
							<li><a href="#">物流时效保障</a></li>
						</ul>
					</div>
					<div class="help-div">
						<p>支付方式</p>
						<ul>
							<li><a href="#">微信支付</a></li>
							<li><a href="#">支付宝</a></li>
							<li><a href="#">数字人民币</a></li>
							<li><a href="#">信用卡</a></li>
							<li><a href="#">蚂蚁花呗</a></li>
							<li><a href="#">零钱通</a></li>
						</ul>
					</div>
					<div class="help-div">
						<p>商家服务</p>
						<ul>
							<li><a href="#">精选规则</a></li>
							<li><a href="#">商家入驻</a></li>
							<li><a href="#">商家中心</a></li>
							<li><a href="#">精选必修课</a></li>
							<li><a href="#">平台服务协议</a></li>
						</ul>
					</div>
					<div class="help-div">
					
					
					<div class="help-code">
						<p>帮助中心</p>
						<img src="../photos/erweima.png" />
						<div>youxuan客户端</div>
					</div>
				</div>
			</div>
		</div>

		<div class="readme-div">
			<div class="d-center">
				<ul>
					<li><a href="#">关于我们 </a>|</li>
					<li><a href="#">联系我们 </a>|</li>
					<li><a href="#">联系客服 </a>|</li>
					<li><a href="#">商家入驻 </a>|</li>
					<li><a href="#">营销中心 </a>|</li>
					<li><a href="#">手机youxuan </a>|</li>
					<li><a href="#">友情链接 </a>|</li>
					<li><a href="#">销售联盟 </a>|</li>
					<li><a href="#">youxuan社区 </a>|</li>
					<li><a href="#">youxuan公益 </a>|</li>
					<li><a href="#">English Site </a>|</li>
					<li><a href="#">Contact U</a></li>
				</ul>
				<p></p>
				<p></p>
			</div>
		</div>
	</body>
</html>

